
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">

    <div class="layui-row layui-col-space15">
      <div class="layui-col-md6">
        <div class="layui-card">
          <div class="layui-card-header">快捷方式</div>
          <div class="layui-card-body">
            <div class="layui-carousel layadmin-carousel layadmin-shortcut">
              <div carousel-item>
                <ul class="layui-row layui-col-space10">
                  <li class="layui-col-xs3">
                    <a lay-href="merchant/list/">
                      <i class="layui-icon layui-icon-website"></i>
                      <cite>商户管理</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="merchant/audit/">
                      <i class="layui-icon layui-icon-find-fill"></i>
                      <cite>审核商户</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="/app/list/">
                      <i class="layui-icon layui-icon-app"></i>
                      <cite>应用管理</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="order/pay/">
                      <i class="layui-icon layui-icon-home"></i>
                      <cite>支付订单</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="sett/list/">
                      <i class="layui-icon layui-icon-read"></i>
                      <cite>结算管理</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="reconciliation/mch_bill/">
                      <i class="layui-icon layui-icon-tree"></i>
                      <cite>对账管理</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="sys/user/">
                      <i class="layui-icon layui-icon-console"></i>
                      <cite>用户管理</cite>
                    </a>
                  </li>
                  <li class="layui-col-xs3">
                    <a lay-href="/sys/message/">
                      <i class="layui-icon layui-icon-survey"></i>
                      <cite>消息管理</cite>
                    </a>
                  </li>
                </ul>

              </div>
            </div>

          </div>
        </div>
      </div>
      <div class="layui-col-md6">
        <div class="layui-card">
          <div class="layui-card-header">数据统计</div>
          <div class="layui-card-body">

            <div class="layui-carousel layadmin-carousel layadmin-backlog">
              <div carousel-item>
                <ul class="layui-row layui-col-space10">
                  <script type="text/html" template lay-url="/api/data/count">
                  <li class="layui-col-xs6">
                    <a lay-href="" class="layadmin-backlog-body">
                      <h3>商户数量</h3>
                      <p><cite>{{d.data.mchCount}}</cite> 个</p>
                    </a>
                  </li>
                  <li class="layui-col-xs6">
                    <a lay-href="" class="layadmin-backlog-body">
                      <h3>应用数量</h3>
                      <p><cite>{{d.data.appCount}}</cite> 个</p>
                    </a>
                  </li>
                  <li class="layui-col-xs6">
                    <a lay-href="" class="layadmin-backlog-body">
                      <h3>订单数量</h3>
                      <p><cite>{{d.data.payOrderCount}}</cite> 单</p>
                    </a>
                  </li>
                  <li class="layui-col-xs6">
                    <a lay-href="" class="layadmin-backlog-body">
                      <h3>订单总额</h3>
                      <p><cite>{{d.data.totalAmount/100}}</cite> 元</p>
                    </a>
                  </li>
                  </script>
                </ul>
              </div>
            </div>

          </div>
        </div>
      </div>
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">今日订单</div>
          <div class="layui-card-body">

            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
              <div carousel-item id="LAY-index-dataview">
                <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                <div></div>
                <div></div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>

  </div>
</div>


<script>
//加载 controller 目录下的对应模块
/*

  小贴士：
    这里 console 模块对应 的 console.js 并不会重复加载，
    然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
      1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
      2): 直接在 layui.use 方法的回调中书写业务代码，即:
          layui.use('console', function(){
            //同 console.js 中的 layui.define 回调中的代码
          });

  这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。

*/
layui.use('console', layui.factory('console'));
</script>

